<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小米官网</title>
    <link rel="stylesheet" href="mi.css">
</head>

<body>
    <div class="navigation">
        <a href="#">小米网</a>
        <a href="#">MIUI</a>
        <a href="#">米聊</a>
        <a href="#">游戏</a>
        <a href="#">多看阅读</a>
        <a href="#">云服务</a>
        <a href="#">小米网移动版</a>
        <a href="#">问题反馈</a>
        <a href="#">Select Region</a>
        <a href="../oppo/OPPO页面.html" class="lessline">OPPO官网</a>
        <a href="../qq音乐/qq.html" class="lessline">QQ音乐</a>
        <a href="../阳光科技/index.html" class="lessline">阳光科技</a>
        <a href="../../index.html" class="lessline">品优购情感天地</a>
    </div>
    <div class="header">
        <div><img src="images/logo.png" /></div>
        <div class="gif"><img src="images/hai.gif"></div>
        <div>
            <a href="#">小米手机</a>
            <a href="#">红米</a>
            <a href="#">平板</a>
            <a href="#">电视</a>
            <a href="#">盒子·影音</a>
            <a href="#">路由器</a>
            <a href="#">智能硬件</a>
            <a href="#">服务</a>
            <a href="#">社区</a>
        </div>
    </div>
    <div class="top">
        <div class="sidenavigation">
            <ul>
                <li><a href="#">手机 平板 电话卡<strong>&gt;</strong></a></li>
                <li><a href="#">电视 盒子<strong>&gt;</strong></a></li>
                <li><a href="#">路由器 智能硬件<strong>&gt;</strong></a></li>
                <li><a href="#">移动电源 插线板<strong>&gt;</strong></a></li>
                <li><a href="#">耳机 音箱<strong>&gt;</strong></a></li>
                <li><a href="#">电池 储存卡<strong>&gt;</strong></a></li>
                <li><a href="#">保护套 后盖<strong>&gt;</strong></a></li>
                <li><a href="#">贴膜 其他配件<strong>&gt;</strong></a></li>
                <li><a href="#">米兔 服装<strong>&gt;</strong></a></li>
                <li><a href="#">箱包 其他周边<strong>&gt;</strong></a></li>
            </ul>
        </div>
        <div>
            <a href="#"><img src="images/banner.png" title="广告页面" height="460px"></a>
        </div>
    </div>
    <div class="poster">
        <div class="grey"><a href="#"><span>空色块</span><span>是真的不得了不得了</span></a></div>
        <div><a href="#"><img src="images/xm5.jpg" title="广告位招租" height="170px"></a></div>
        <div><a href="#"><img src="images/xm3.jpg" title="广告位招租" height="170px"></a></div>
        <div><a href="#"><img src="images/xm4.jpg" title="广告位招租" height="170px"></a></div>
    </div>
    <div class="background">
        <div class="boder">
            <div class="font">
                <span class="left">智能硬件</span>
                <span class="right">查看全部</span>
            </div>
            <div class="product">
                <div class="banner">
                    <a href="#"><img src="images/mv.jpg" title="平衡车" height="617px" width="260px"></a>
                </div>
                <div class="page">
                    <ul>
                        <li><a href="#">
                                <div class="orange">免邮费</div><img src="images/note01.jpg" title="产品详情" width="160px"
                                    height="150px" class="labeled"> <br>
                                <span class="name">小米路由器3</span><br /><span
                                    class="introduce">四天线设计，更安全更稳定</span><br /><span class="price">149元</span>
                            </a></li>
                        <li><a href="#"><img src="images/note02.jpg" title="产品详情" width="160px" height="150px"><br>
                                <span class="name">米家 LED 智能台灯</span><br><span
                                    class="introduce">无可视屏闪，亮度色温无极调节</span><br><span class="price">169元</span></a></li>
                        <li><a href="#">
                                <div class="orange">免邮费</div><img src="images/note03.jpg" alt="产品详情" width="160px"
                                    height="150px" class="labeled"><br>
                                <span class="name">小米净水器 厨下式</span><br><span
                                    class="introduce">PO反渗透直出纯净水，包邮包安装</span><br><span class="price">1999元</span>
                            </a></li>
                        <li><a href="#"><img src="images/note04.jpg" alt="产品详情" width="160px" height="150px"><br>
                                <span class="name">小蚁智能摄像机 夜视版</span><br><span
                                    class="introduce">能看能听能说，手机远程观看</span><br><span class="price">149元</span></a></li>
                        <li class="topinterval"><a href="#"><img src="images/note05.jpg" alt="产品详情" width="160px"
                                    height="150px"><br>
                                <span class="name">Yeelight床头灯</span><br><span
                                    class="introduce">触摸式操作，给卧室1600万种颜色</span><br><span class="price">249元</span></a>
                        </li>
                        <li class="topinterval"><a href="#"><img src="images/note06.jpg" alt="产品详情" width="160px"
                                    height="150px"><br>
                                <span class="name">小米空气净化器2</span><br><span
                                    class="introduce">10分钟，房间空气焕然一新</span><br><span class="price">699元</span></a></li>
                        <li class="topinterval"><a href="#">
                                <div class="orange red">享9折</div><img src="images/note07.jpg" alt="产品详情" width="160px"
                                    height="150px" class="labeled"><br>
                                <span class="name">小米智能安防套装</span><br><span
                                    class="introduce">智能警戒，为您的家增添一份安心</span><br><span class="price">169元</span> <del
                                    class="price del">188元</del>
                            </a></li>
                        <li class="topinterval"><a href="#"><img src="images/note08.jpg" alt="产品详情" width="160px"
                                    height="150px"><br>
                                <span class="name">米家iHealth血压计</span><br><span
                                    class="introduce">爸妈上手就会用的智能血压计</span><br><span class="price">399元</span></a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="footer">
        <div>
            <strong><a href="#">帮助中心</a></strong>
            <ul>
                <li><a href="#">账户管理</a></li>
                <li><a href="#">购物指南</a></li>
                <li><a href="#">订单操作</a></li>
            </ul>
        </div>
        <div>
            <strong><a href="#">服务支持</strong>
            <ul><a href="#">
                    <li><a href="#">售后政策</a></li>
                    <li><a href="#">自动服务</a></li>
                    <li><a href="#">相关下载</a></li>
            </ul>
        </div>
        <div>
            <strong><a href="#">线下门店</a></strong>
            <ul>
                <li><a href="#">小米之家</a></li>
                <li><a href="#">服务网点</a></li>
                <li><a href="#">零售网点</a></li>
            </ul>
        </div>
        <div>
            <strong><a href="#">关于小米</a></strong>
            <ul>
                <li><a href="#">了解小米</a></li>
                <li><a href="#">加入小米</a></li>
                <li><a href="#">联系我们</a></li>
            </ul>
        </div>
        <div>
            <strong><a href="#">关注我们</a></strong>
            <ul>
                <li><a href="#">新浪微博</a></li>
                <li><a href="#">小米部落</a></li>
                <li><a href="#">官方微信</a></li>
            </ul>
        </div>
        <div class="rightline">
            <strong><a href="#">特色服务</a></strong>
            <ul>
                <li><a href="#">F码通道</a></li>
                <li><a href="#">小米移动</a></li>
                <li><a href="#">防伪查询</a></li>
            </ul>
        </div>
        <div class="number">
            <span class="phone">400-100-9876</span><br>
            <span class="time">周一至周日8:00-18:00</span><br>
            <span>（仅收市话费）</span><br>
        </div>
    </div>
    <div class="bottom">
        <div class="last">
            <div>
                <div class="logo"><img src="images/logo.png" alt="小米LOGO"></div>
                <div>
                    <a href="#">小米网</a>
                    <a href="#">MIUI</a>
                    <a href="#">米聊</a>
                    <a href="#">多看书城</a>
                    <a href="#">小米路由器</a>
                    <a href="#">视频电话</a>
                    <a href="#">小米后院</a>
                    <a href="#">小米天猫店</a>
                    <a href="#">小米淘宝直营店</a>
                    <a href="#">小米网盟</a>
                    <a href="#">问题反馈</a>
                    <a href="#">Select Region</a><br>
                    <span>&copy; mi.com 京ICP证110507号 京ICP备10046444号 京公网安备11010802020134号 京网文[2014]0059-0009号</span><br>
                    <span>违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</span>
                </div>
            </div>

            <div class="slogan">
                <img src="images/slogan2016.png">
            </div>
        </div>
    </div>
</body>

</html>